<template>
    <el-menu active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo" default-active="2"
        text-color="#fff" router>
        <el-sub-menu index="1">
            <template #title>
                <el-icon>
                    <location />
                </el-icon>
                <span>权限管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/user">用户管理</el-menu-item>
                <el-menu-item index="/role">角色管理</el-menu-item>
                <el-menu-item index="/menu">菜单管理</el-menu-item>
            </el-menu-item-group>

        </el-sub-menu>

        <el-sub-menu index="2">
            <template #title>
                <el-icon>
                    <Timer color="#FF00FF" />
                </el-icon>
                <span>入住管理</span>
            </template>
            <el-menu-item index="2-1">客户入住</el-menu-item>
            <el-menu-item index="2-2">客户退住</el-menu-item>

        </el-sub-menu>

    </el-menu>
</template>

<script setup lang="ts" name='NavMenu'>
import { ref, reactive } from "vue";

</script>

<style scoped></style>